.regBox {
  .logo {
    position: relative;

    img {
      position: absolute;
      margin: 1.5rem;
      right: 0;
      top: 0;
      width: 7.5rem;
      height: 7.5rem;
    }
  }
  .swiper {
    flex: 1;
    height: 100vh;
    width: 25%;
    overflow: hidden;
    .bgBox {
      height: 100%;
      .bg {
        width: 100%;
        height: 100vh;
        background-position: center;
        background-size: cover;
      }
    }
  }
  .reg {
    .center {
      h1 {
        font-size: 3rem;
      }
      .ant-form {
        .searchEmail {
          width: 100% !important;
        }
        .ant-form-item {
          .ant-select-selection__clear {
            margin-top: 0.1rem;
          }
          .ant-form-explain {
            margin-top: 0.25rem;
          }
          .submit {
            height: 3.75rem;
          }
          .ant-input-suffix {
            display: flex;
            span {
              display: block;
              margin-left: 1rem;
            }
            justify-content: space-between;
            justify-content: center;
          }
          .ant-form-item-children {
            display: flex;
            button {
              flex: 1;
              span {
                margin: 0.125rem;
              }
            }
            input {
              flex: 1;
            }
          }
          margin: 2rem 0;
        }
        input,
        button {
          &.ant-input {
            text-indent: 0.5rem;
          }
          height: 3.25rem;
          border-radius: 0.375rem;
          font-size: 1.275rem;
        }
      }
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 32rem;
      height: 42rem;
    }
    flex: 3;
    position: relative;
    height: 100vh;
  }
}
